<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header(title)">
    <link rel="shortcut icon" th:href="@{/static/favicon1.ico}" type="image/x-icon">
    <meta charset="UTF-8">
    <!-- Font awesome - icon font -->
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
    <!-- Roboto -->
    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,700" rel="stylesheet" type="text/css"/>
    <!-- Open Sans -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:800italic" rel="stylesheet" type="text/css"/>
    <link crossorigin="anonymous" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/style.css}">
    <link rel="stylesheet" th:href="@{/static/css/jquery.selectbox.css}">
    <link rel="stylesheet" th:href="@{/static/css/static.css}">
    <title th:text="${title}"></title>
</head>
<body>
//导航
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"  th:fragment="naver">
    <div class="container">
        <a style="float: left" th:href="@{/}">
            <img alt="" src="/static/img/logo.png" style="width: 111px; height: 17px;margin-top: 16px;margin-bottom: 16px;margin-left: 10%">
        </a>
        <ul class="navbar-nav mr-auto mt-2 mt-lg-0" style="height: 59px;width: 200px;font-size: 25px">
            <li class="nav-item active" style="margin-top: 0px;width: 60px">
                <a class="abb" th:href="@{/movie}">全部电影</a>
            </li>
            <li class="nav-item active" style="margin-top: 0px;width: 50px">
                <a class="abb" th:href="@{/ranking}">排行榜</a>
            </li>
            <li class="nav-item active" style="margin-top: 0px;width: 80px">
                <a class="abb" th:href="@{/ALogin}">神奇的地方</a>
            </li>
        </ul>

        <th:block th:if="${name}==null">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0" style="height: 59px">
                <li class="nav-item active">
                    <a class="btn btn-md btn--warning btn--book btn-control--home login-window" style="margin-right: 10px;margin-top: 20%" th:href="@{/login}">登录</a>
                </li>
                <li class="nav-item active">
                    <a class=" btn btn-md btn--warning btn--book btn-control--home login-window" style="margin-top: 23%" th:href="@{/register}">注册</a>
                </li>
            </ul>
        </th:block>
        <th:block th:if="${name}!=null">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0" style="height: 59px">
                <li class="nav-item active">
                    <a class=" btn btn-md btn--warning btn--book btn-control--home login-window" style="margin-top: 20%" th:href="@{/user/control}" th:text="${name}"></a>
                </li>
                <li class="nav-item active">
                    <a class=" btn btn-md btn--warning btn--book btn-control--home login-window" style="margin-top: 23%;margin-left: 12%" th:href="@{/logout}">注销</a>
                </li>
            </ul>
        </th:block>

    </div>

</nav>
//页脚
<footer class="footer-wrapper" th:fragment="footer">
    <section class="container">
        <div class="col-xs-4 col-md-2 footer-nav">
            <ul class="nav-link" style="list-style: none">
                <li><a class="nav-link__item" th:href="@{/}">电影</a></li>
                <li><a class="nav-link__item" th:href="@{/}">排行榜</a></li>
            </ul>
        </div>
        <div class="col-xs-4 col-md-2 footer-nav">
            <ul class="nav-link" style="list-style: none">
                <li><a class="nav-link__item" href="#">使用条款</a></li>
                <li><a class="nav-link__item" href="#">开发人员</a></li>
                <li><a class="nav-link__item" href="#">联系我们</a></li>
                <li><a class="nav-link__item" href="#">公司简码</a></li>
            </ul>
        </div>
        <div class="col-xs-12 col-md-6">
            <div class="footer-info">
                <p class="heading-special--small">w.Movie<br/>
                    <span class="title-edition">是个不错的东西</span>
                </p>

                <div class="social">
                    <a class="social__variant fa fa-facebook" href="#"></a>
                    <a class="social__variant fa fa-twitter" href="#"></a>
                    <a class="social__variant fa fa-instagram" href="#"></a>
                </div>

                <div class="clearfix"></div>
                <p class="copy">&copy; W.Movie, 2022. zhw.版权所有</p>
            </div>
        </div>
    </section>
</footer>

</body>
</html>